/*
 * @Author: zhanghongqiao 
 * @Date: 2023-02-13 16:27:01 
 * @Email: 991034150@qq.com 
 * @Description: 主题颜色
 * @Last Modified by: zhanghongqiao
 * @Last Modified time: 2023-03-13 16:16:55
 */
 
 
 
 :root[theme='white'] {
  --panel-fill: #fff;
  --body-fill: #EDF1F6;
  --color-theme: #1D84EF;
  --color-theme-hl: #1D84EF;
  --color-theme-m: #EDF1F6;
  --color-theme-mm: #818FB4;
  --color-theme-s: rgba(0, 0, 0, 0.65);
  --color-theme-ss: #F2F6F9
  --color-shadow-dd: rgba(198,204,221,0.15);
  --color-bg-mm-45: rgba(9,34,102,0.45);
  --color-theme-s-80: rgba(9, 34, 102, 0.8); 
  --cicon-color: #fff;
  --color-theme-s-70: rgba(9, 34, 102, 0.7);
  --color-error: #FA4B6C;
  --side-menu-fill: #F2F6F9;
  
  // --el-font-size-base: 18px;
  // =====el=====
  --el-text-color-primary: rgba(0, 0, 0, 0.65);
  --el-color-primary: #4190FF;
  --el-table-header-text-color: #000;
  --el-text-color-regular: #092266;
  // --el-border-color: #1D84EF;
  // --el-fill-color-blank: #F2F6F9;

  --height-main: calc(100% - 64px);
  --el-menu-item-height: 48px;
}

 
 $themes: (
  // 默认白色主题
  white: ( 
    //color theme M主色，S二级颜色
    colorTheme: #1D84EF, 
    colorThemeM: #EDF1F6, 
    colorThemeMM: #fff, 
    colorThemeMMM: #818FB4,  
    colorThemeS: #092266,
    colorThemeS70: rgba(9, 34, 102, 0.7),
    colorThemeS80: rgba(9, 34, 102, 0.8),
    colorThemeSS: #F2F6F9,  
    // background 
    colorBG10: rgba(255, 255, 255, 0.1),
    colorBG45: rgba(255, 255, 255, 0.45),
    colorBGM15: rgba(29,132,239,0.15),
    colorBGM10: rgba(29,132,239,0.1), 
    colorBGMM45: rgba(9,34,102,0.45), 
    colorHoverBG: #F5F5F5,
    // colorSuccess: #67c23a,
    colorWarn: #FB9508,
    // colorDanger: #f56c6c,
    colorError: #FA4B6C,
    // colorMoney: #ff6600,

    //color text
    colorText: #606266, 
    colorTextM: #999,
    colorTextMM: #666,
    colorTextMMM: #000,
    // colorTextS: #333, 
    // shadow
    colorShadow: rgba(29, 132, 239, 0.15),
    colorShadowD: rgba(129, 143, 180, 0.15),
    colorShadowDD: rgba(198,204,221,0.15),

    colorDisabled: #a0cfff,
    colorDisabledD: #C0C4CC,

    // border
    colorBorder: #d9d9d9,  
    colorBorderD: #dcdfe6, 
    colorBorderDD: rgba(198,204,221,0.25),
    colorBorderDDD: #ddd,

    // 编辑器主题色
    editHeaderBG: #fff,
    editMainBG: #E5E5E5,
    leftCPBG: #fff, // 左侧组件面板
    rightPPBG: #fff, // 右侧属性面板
    centerMPBG: #fff, // 中间主体面板 
    cIconColor: #fff, // 组件icon
    cTitleColor: #333, // 组件标题
    cLabelColor: #666,
    labelColor: #999,
    inputColor: #666,
    inputBorder: #ddd, 
    checkedBg: #1D84EF,
    cHoverColor: rgba(29, 132, 239, 0.1),
    cActiveColor: #1D84EF,
    tabActiveColor: #333,
    tabActiveBG: rgba(206,206,206,0.45), 
    headerBtnColor: #666,
    editDropdownBG: #fff,
    headerBtnHoverBG: rgba(29, 132, 239, 0.1),
    headerBtnHoverColor: #1D84EF,
    editScrollBar: #ccc,
    editDialogHeaderBG: #ddd,
    editDialogBodyBG:#F5F5F5, 
    consoleTitleBG: #F2F6F9,
    editDialogTitle: 000,
    logColor: #092266,
    logBG:rgba(221,221,221,0.15),
    arrowBG: #1D84EF,
    tableheaderBg: rgba(221, 221, 221, 0.25),
    darkTagBg: rgba(29,132,239,0.15),
    darkTagBor: #1D84EF,
    lightTagBg: rgba(198,204,221,0.15),
    lightTagBor: #999,
    tagColor: #999,
    dialogShadow: rgba(102,102,102,0.35),
    sysMainBg: #EDF1F6,
    tableColBg: #F2F6F9,
    tableOperBtnColor: #1D84EF,
    splitBorderColor: #818FB4,
    iconHoverBg: rgba(29,132,239,0.11),
    breadcrumbLinkColor: #303133,
    tableBorder:  rgb(242, 246, 249),
    treeIconColor: #666,
    treeTextColor: #333,
    editDialogBorder: #eee,
    systemApp: #C2702E,
    server: #7171E5,
    standardApp: #1D84EF,
    webapp: #30BF78,
    backendapp: #6E6E1D,
    serverApp: #AA4261, 
    editorBg: #F2F6F9
  ),
  // 黑色主题
  black: (
    //color theme M主色，S二级颜色
    colorTheme: #1D84EF, 
    colorThemeM: #EDF1F6, 
    colorThemeMM: #fff, 
    colorThemeMMM: #818FB4,  
    colorThemeS: #092266,
    colorThemeS70: rgba(9, 34, 102, 0.7),
    colorThemeS80: rgba(9, 34, 102, 0.8),
    colorThemeSS: #F2F6F9,  
    // background 
    colorBG10: rgba(255, 255, 255, 0.1),
    colorBG45: rgba(255, 255, 255, 0.45),
    colorBGM15: rgba(29,132,239,0.15),
    colorBGM10: rgba(29,132,239,0.1), 
    colorBGMM45: rgba(9,34,102,0.45), 
    colorHoverBG: #F5F5F5,
    // colorSuccess: #67c23a,
    colorWarn: #FB9508,
    // colorDanger: #f56c6c,
    colorError: #FA4B6C,
    // colorMoney: #ff6600,

    //color text
    colorText: #606266, 
    colorTextM: #999,
    colorTextMM: #666,
    colorTextMMM: #000,
    // colorTextS: #333, 
    // shadow
    colorShadow: rgba(29, 132, 239, 0.15),
    colorShadowD: rgba(129, 143, 180, 0.15),
    colorShadowDD: rgba(198,204,221,0.15),

    colorDisabled: #a0cfff,
    colorDisabledD: #C0C4CC,

    // border
    colorBorder: #d9d9d9,  
    colorBorderD: #dcdfe6, 
    colorBorderDD: rgba(198,204,221,0.25),
    colorBorderDDD: #ddd,
    // 以上颜色与white主题相同

    // 编辑器主题色
    editHeaderBG: #1D1D1D,
    editMainBG: #161616,
    leftCPBG: #303030, // 左侧组件面板
    rightPPBG: #2B2B2B, // 右侧属性面板
    centerMPBG: #353535,
    cIconColor: #fff, // 组件icon
    cTitleColor: #fff,
    cLabelColor: rgba(255,255,255,0.8),
    labelColor: rgba(255,255,255,0.85),
    inputColor: #fff, // rgba(255,255,255,.45),
    inputBorder: #3D3D3D, 
    checkedBg: #1D84EF,
    cHoverColor: #334D80, // 级任选中高亮 
    cActiveColor: #fff,
    tabActiveColor: #fff,
    // tabActiveBG: rgba(206,206,206,0.45), 
    tabActiveBG: rgba(255, 255, 255, 0.05), 
    headerBtnColor: rgba(255,255,255,0.65),
    editDropdownBG: #181818, 
    headerBtnHoverBG: #4772B3,
    headerBtnHoverColor: #fff,
    editScrollBar: rgba(129, 143, 180, 0.2),
    editBtnBorder: #545454, 
    editDialogHeaderBG:#fff, 
    // editDialogBodyBG:#2B2B2B, 
    editDialogBodyBG:#181818, 
    editDialogBorder: #222,
    editDialogBtn: rgba(255,255,255,0.85),
    editDialogBtn2: #fff,
    editDialogBtnBG: #4772B3, 
    editDialogTitle: rgba(255, 255, 255, 0.65),
    consoleTitleBG: rgba(48,48,48,0.25),
    logColor: rgba(255,255,255,0.65),
    logBG:#282828, 
    arrowBG: #292929,
    tableheaderBg: transparent,
    darkTagBg: rgba(71,114,179,0.15),
    darkTagBor: #4772b3,
    lightTagBg: rgba(84,84,84,0.15),
    lightTagBor: #545454,
    tagColor: #fff,
    dialogShadow:#161616,
    sysMainBg: #161616,
    tableColBg: rgba(255, 255, 255, 0.05),
    tableOperBtnColor: rgba(255, 255, 255, 0.65),
    splitBorderColor: rgba(255, 255, 255, 0.16),
    iconHoverBg: #4772B3, 
    breadcrumbLinkColor: rgba(255, 255, 255, 0.65),
    tableBorder: #3D3D3D,
    treeIconColor: rgba(255, 255, 255, 0.45),
    treeTextColor: rgba(255, 255, 255, 0.65),
    systemApp: #79461D,  
    server: #3C3C83, 
    standardApp: #1D84EF,
    webapp: rgba(48,191,120,0.65),
    backendapp: #6E6E1D,
    serverApp: #83314A,
    editorBg: #161616
    
  )
);